<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>人民攻摄</title>

		<!-- 1.加载Bootstrap样式表 -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/mycss.css">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<!-- 在此添加所需要的内容-->
		<div class="top navbar-fixed-top">
			<nav class="navbar navbar-default">
				<div class="container">			
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			              <span class="sr-only">Toggle navigation</span>
			              <span class="icon-bar"></span>
			              <span class="icon-bar"></span>
			              <span class="icon-bar"></span>
			            </button>
							<a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<ul class="nav navbar-nav">
									<li>
										<a href="#"> <button type="button" class="btn btn-default navbar-btn">教程</button></a>
									</li>
									<li>
										<a href="#"> <button type="button" class="btn btn-default navbar-btn">下载</button></a>
									</li>
									<li>
										<a href="#"> <button type="button" class="btn btn-default navbar-btn">预设</button></a>
									</li>
									<li>
										<a href="#"> <button type="button" class="btn btn-default navbar-btn">论坛</button></a>
									</li>
								</ul>
							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</div>
			</nav>
		</div>
		<div class="lunbo">
			<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3000">
				<!-- 轮播（Carousel）指标 -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
				</ol>
				<!-- 轮播（Carousel）项目 -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="img/lunbo2.jpg" alt="Second slide">
					</div>
					<div class="item">
						<img src="img/lunbo3.jpg" alt="Third slide">
					</div>
					<div class="item">
						<img src="img/lunbo4.jpg" alt="Third slide">
					</div>					
				</div>
			</div>
			<canvas id="canvas"></canvas>
		</div>

		<!--最新摄影教程-->
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-xs-12">
					<div class="title">
						<a href="#"><h2>最新摄影教程</h2></a>
						<p>免费摄影后期处理教程和摄影视频公开课</p>
					</div>
				</div>
			</div>

			<div class="row zuixing_body">
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin1.jpg" /></a>
						<a href="#"><p>免费Lightroom中文视频教程</p></a>
					</div>
				</div>
				
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin2.jpg" /></a>
						<a href="#"><p>PS打造图片素描效果视频教程</p></a>
					</div>
				</div>
				
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin3.jpg" /></a>
						<a href="#"><p>ps雪景后期|我想为你下雪（含福利）</p></a>
					</div>
				</div>
				
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin4.jpg" /></a>
						<a href="#"><p>使用蒙版制作天旋地转的后期效果</p></a>
					</div>
				</div>
				
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin5.gif" /></a>
						<a href="#"><p>ps制作下雨gif详解</p></a>
					</div>
				</div>
				
				<div class="col col-md-4 col-xs-12">
					<div class="zuixing_box">
						<a href="#"><img src="img/zuixin6.jpg" /></a>
						<a href="#"><p>PS打造图片素描效果视频教程</p></a>
					</div>
				</div>
				
			</div>
		</div>
		
		<!--修图区域-->
		<div class="xiutu">
			<div class="container">
				<div class="row">
					<div class="col-md-12 col-xs-12">
						<div class="title">
							<a href="#"><h2>修图调色软件</h2></a>
							<p>免费摄影软件、摄影资源下载、摄影素材免费下载</p>
						</div>
					</div>
				</div>
				<div class="row xiutu-body">
					<ul>
						<li>
							<div class="xiutu-content">
								<a href="#"><img src=""/></a>
								<h4>Camera Raw下载</h4>
								<p>最新的Adobe Camera Raw下载</p>
							</div>							
						</li>
						<li>
							<div class="xiutu-content">
								<a href="#"><img src=""/></a>
								<h4>Camera Raw下载</h4>
								<p>最新的Adobe Camera Raw下载</p>
							</div>	
						</li>
						<li>
							<div class="xiutu-content">
								<a href="#"><img src=""/></a>
								<h4>Camera Raw下载</h4>
								<p>最新的Adobe Camera Raw下载</p>
							</div>	
						</li>
						<li>
							<div class="xiutu-content">
								<a href="#"><img src=""/></a>
								<h4>Camera Raw下载</h4>
								<p>最新的Adobe Camera Raw下载</p>
							</div>	
						</li>
						<li>
							<div class="xiutu-content">
								<a href="#"><img src=""/></a>
								<h4>Camera Raw下载</h4>
								<p>最新的Adobe Camera Raw下载</p>
							</div>	
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<!-- 2.加载所必须的jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- 3.Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<script src="js/myScript.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/canvas.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://code.createjs.com/1.0.0/createjs.min.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>